<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="main.css" rel="stylesheet">
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
</head>
<body>
<div id="header">

    <div class="header-bar min-width">
        <div class="container header-bar-body">
            <div class="header-bar-phone">
                000-000000 | 客服中心:000-000000
            </div>
            <div class="header-bar-icon"></div>
            <br class="clear"/>
        </div>
    </div>

    <div class="header-nav min-width">
        <div class="container header-nav-body">
            <div class="header-nav-logo">
                <!--<img src="" width="100%" height="100%">-->
                CCE
            </div>
            <div class="header-nav-btndiv">
                <a href="index.html" class="header-nav-btn header-nav-active">
                    <div class="header-nav-icon"><img src="icon.png" width="100%" height="100%"></div>
                    首页
                    <!--<div class="header-nav-active position-abs"></div>-->
                </a>
                <a href="profile.html" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/company_info.png" width="100%" height="100%"></div>
                    集团简介
                </a>
                <a href="news.html" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/new_logo.png" width="100%" height="100%"></div>
                    新闻中心
                </a>
                <a href="products.html" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/pro_info.png" width="100%" height="100%"></div>
                    业务领域
                </a>
                <a href="news.html" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/pro_logo.png" width="100%" height="100%"></div>
                    文化视窗
                </a>
                <a href="recruitment.html" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/cont_me.png" width="100%" height="100%"></div>
                    人才招聘
                </a>
                <a href="javascript:void(0);" class="header-nav-btn">
                    <div class="header-nav-icon"><img src="images/wen.png" width="100%" height="100%"></div>
                    联系我们
                </a>
            </div>
        </div>
    </div>

</div>
<div id="body">

    <div class="index-photo-carousel min-width">
        <img class="index-photo-img" src="index_photo.png">
        <div class="position-rel container index-rel-div">
            <div class="index-photo-point container position-abs">
                <div class="index-photo-point-maxdiv">
                    <div class="index-photo-point-div index-photo-point-div-active"></div>
                    <div class="index-photo-point-div"></div>
                    <div class="index-photo-point-div"></div>
                    <div class="index-photo-point-div"></div>
                </div>
                <br class="clear"/>
            </div>
        </div>
        <br class="clear"/>
    </div>

    <div class="index-body-maxdiv">
        <div class="index-body-div-black">
            <div class="position-rel container">
                <div class="index-body-image-box position-abs">
                    <div class="index-body-image-div">
                        <img src="fly.png">
                        <img src="fly.png">
                        <br class="clear"/>
                    </div>
                    <div class="index-body-image-num">1/2</div>
                    <center>
                        <div class="index-body-image-direction">
                            <img src="left.png"/>
                            <img src="right.png">
                        </div>
                    </center>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="index-body-doc-div">
                <div class="index-body-doc-fleft index-body-journalism">
                    <div class="index-body-doc-title-div">
                        <div class="index-body-doc-title">新闻资讯</div>
                        <div class="index-body-doc-titleBox">
                            <div class="index-body-doc-comjour index-comjour-left index-body-doc-comjour-active js-index-comjour" flag="0">公司新闻</div>
                            <div class="index-body-doc-comjour index-comjour-right js-index-comjour" flag="1">公司公告</div>
                        </div>
                        <br class="clear"/>
                    </div>

                    <div class="index-body-jourText">
                        <div class="js-index-news">
                            <a href="newsinfo.html" class="index-body-jourText-div">
                                <div class="index-body-jourText-title">
                                    我们再一起，奔向梦想之路！
                                </div>
                                <div class="index-body-jourText-date">
                                    2015-7-29
                                </div>
                            </a>


                            <a href="newsinfo.html" class="index-body-jourText-div">
                                <div class="index-body-jourText-title">
                                    优秀高新技术企业称号
                                </div>
                                <div class="index-body-jourText-date">
                                    2015-7-29
                                </div>
                            </a>


                            <a href="newsinfo.html" class="index-body-jourText-div">
                                <div class="index-body-jourText-title">
                                    春水初生，春林初盛
                                </div>
                                <div class="index-body-jourText-date">
                                    2015-7-29
                                </div>
                            </a>
                        </div>
                        <div class="js-index-cont none">
                            <a href="newsinfo.html" class="index-body-jourText-div">
                                <div class="index-body-jourText-title">
                                    我们再一起，奔向梦想之路！
                                </div>
                                <div class="index-body-jourText-date">
                                    2015-7-29
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="index-body-doc-fleft index-body-recruit">
                    <div class="index-body-recruit-title">人才招募</div>
                    <a href="recruitment.html" class="index-body-recruit-img">
                        <img src="join.png">
                    </a>
                </div>

                <div class="index-body-doc-fleft index-body-blue-btn">
                    <a href="javascript:void(0);" class="index-body-blue-btn-div">
                        <div class="index-body-blue-btn-maxdiv">
                            <img src="lvbo.png" width="27" height="28">滤波器
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="index-body-blue-btn-div index-body-blue-btn-div-marT">
                        <div class="index-body-blue-btn-maxdiv">
                            <img src="lvbo.png" width="27" height="28">滤波器
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="index-body-blue-btn-div index-body-blue-btn-div-marT">
                        <div class="index-body-blue-btn-maxdiv">
                            <img src="lvbo.png" width="27" height="28">滤波器
                        </div>
                    </a>
                </div>
                <br class="clear"/>
            </div>
            <br class="clear"/>
        </div>

    </div>

    <div class="index-company-address min-width">
        <div class="container index-company-add-map">
            <img src="com_map.png">
        </div>
    </div>

</div>
<div id="footer">
    <div class="container footer-body">
        <div class="footer-left">
            CCE
        </div>
        <div class="footer-right">
            <div class="footer-right-div">
                <a href="javascript:void(0);" class="footer-right-text-div">走进我们</a>
                <a href="javascript:void(0);" class="footer-right-text-div">集团简介</a>
                <a href="javascript:void(0);" class="footer-right-text-div">新闻中心</a>
                <a href="javascript:void(0);" class="footer-right-text-div">业务领域</a>
                <a href="javascript:void(0);" class="footer-right-text-div">文化视窗</a>
                <a href="javascript:void(0);" class="footer-right-text-div">人才招聘</a>
                <a href="javascript:void(0);" class="footer-right-text-div">联系我们</a>
            </div>
            <div class="footer-line-height">CopyRight © 2008-2015 中建邺 蜀ICP备09090909090号 版权所有 网站建设</div>
        </div>
        <br class="clear"/>
    </div>
</div>
</body>
<script>
    $('.js-index-comjour').on("click", function() {
        var flag = $(this).attr('flag');
        var news = $('.js-index-news');
        var cont = $('.js-index-cont');
        if(flag == "0" && news.css('display') == "none") {
            news.css('display', 'block');
            cont.css('display', 'none');
            $(this).addClass('index-body-doc-comjour-active');
            $(this).next().removeClass('index-body-doc-comjour-active');
        }
        if(flag == "1" && cont.css('display') == "none") {
            cont.css('display', 'block');
            news.css('display', 'none');
            $(this).addClass('index-body-doc-comjour-active');
            $(this).prev().removeClass('index-body-doc-comjour-active');
        }
    });
    function switchJour() {

    }
</script>
</html>